github.com/shyftnetwork/go-empyrean@v1.8.3-0.20191127201940-fbfca9338f04/shyftBlockExplorerUI/src/components/UI materials/loading.css (about)

     1  .Loader,
     2  .Loader:before,
     3  .Loader:after {
     4      border-radius: 50%;
     5  }
     6  .Loader {
     7      color: #521751;
     8      font-size: 11px;
     9      text-indent: -99999em;
    10      margin: 55px auto;
    11      position: relative;
    12      width: 10em;
    13      height: 10em;
    14      box-shadow: inset 0 0 0 1em;
    15      -webkit-transform: translateZ(0);
    16      -ms-transform: translateZ(0);
    17      transform: translateZ(0);
    18  }
    19  .Loader:before,
    20  .Loader:after {
    21      position: absolute;
    22      content: '';
    23  }
    24  .Loader:before {
    25      width: 5.2em;
    26      height: 10.2em;
    27      background: #fff;
    28      border-radius: 10.2em 0 0 10.2em;
    29      top: -0.1em;
    30      left: -0.1em;
    31      -webkit-transform-origin: 5.2em 5.1em;
    32      transform-origin: 5.2em 5.1em;
    33      -webkit-animation: load2 2s infinite ease 1.5s;
    34      animation: load2 2s infinite ease 1.5s;
    35  }
    36  .Loader:after {
    37      width: 5.2em;
    38      height: 10.2em;
    39      background: #fff;
    40      border-radius: 0 10.2em 10.2em 0;
    41      top: -0.1em;
    42      left: 5.1em;
    43      -webkit-transform-origin: 0px 5.1em;
    44      transform-origin: 0px 5.1em;
    45      -webkit-animation: load2 2s infinite ease;
    46      animation: load2 2s infinite ease;
    47  }
    48  @-webkit-keyframes load2 {
    49      0% {
    50          -webkit-transform: rotate(0deg);
    51          transform: rotate(0deg);
    52      }
    53      100% {
    54          -webkit-transform: rotate(360deg);
    55          transform: rotate(360deg);
    56      }
    57  }
    58  @keyframes load2 {
    59      0% {
    60          -webkit-transform: rotate(0deg);
    61          transform: rotate(0deg);
    62      }
    63      100% {
    64          -webkit-transform: rotate(360deg);
    65          transform: rotate(360deg);
    66      }
    67  }